.blog-contain1 {
    position: relative;
    top:50px;
    /*left: 50%;*/
    border: 1px solid blue;
    padding: 1em calc(50% - 450px);
}
.blog-contain2 {
    margin: 25px 0;
    width: 900px;
    mix-height:200px;
    max-height: 300px;
    border-radius: 2px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.8) ,-1px -1px 1px rgba(0,0,0,.1);
}
.blog-contain2:hover {
    position: relative;
    transform: translate(-1px,-2px);
}
.b-c-title {
    border: 1px solid red;
    background-color: #C2534A;
}
.b-c-writer {
    padding-left:10px;
}
.b-c-a-title {
    color: #FFFFFF;
}
.b-c-article {
    border: 1px solid rgba(0,0,0,.3);
    margin: 5px 10px 0px;
    max-height: 200px;
    border-radius: 2px;
    overflow: hidden;
}
.b-c-lookmore {
    float:right;
    margin:5px 0;
    color: #000000;
}
.clear::after {
    content: "";
    display: block;
    clear: both;
}